
<link rel="stylesheet" href="__PUBLIC__/home/css/common.css">
<script type="text/javascript" src="__PUBLIC__/home/js/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("#service a").hover(function() {
            if ($(this).prop("className") == "weixin_area") {
                $(this).children("img.hides").show();
            } else {
                $(this).children("div.hides").show();
                $(this).children("img.shows").hide();
                $(this).children("div.hides").animate({marginRight: '0px'}, '0');
            }
        }, function() {
            if ($(this).prop("className") == "weixin_area") {
                $(this).children("img.hides").hide();
            } else {
                $(this).children("div.hides").animate({marginRight: '-163px'}, 0, function() {
                    $(this).hide();
                    $(this).next("img.shows").show();
                });
            }
        });

        $("#top_btn").click(function() {
            $("html,body").animate({scrollTop: 0}, 600);
        });

        //右侧导航 - 二维码
        /*$(".weixin_area").hover(function() {
            $(this).children(".weixin").show();
        },function(){
            $(this).children(".weixin").hide();
        })*/
    });
</script>
<style>
    #service{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
    *html #service{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
    #service li{width:161px;height:60px;}
    #service li img{float:right;}
    #service li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
    #service li a .shows{display:block;}
    #service li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
    #service li a.weixin_area .hides{display:none;position:absolute;right:143px;}
    #service li a.weixin_area .weixin{display:none;position:absolute;right:0;top:48px}
    #p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
    #p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
    #p1{width:47px;height:49px;float:left}
    a:hover{text-decoration: none}

</style>
<div id="service">
    <ul>
        <li>
            <!--<a href="javascript:void(0)" class="weixin_area">
                <img src="__PUBLIC__/home/images/l02.png" width="47" height="49" class="shows" />
                <img src="__PUBLIC__/home/images/a.png" width="57" height="49" class="hides" />
                <img src="__PUBLIC__/home/images/weixin.jpg" width="145" class="weixin" style="display:none;margin:-100px 57px 0 0" />
            </a>-->
        </li>
        <li>
            <a href="http://wpa.qq.com/msgrd?v=3&uin=1098443361&site=qq&menu=yes" target="_blank">
                <div class="hides" style="width:161px;display:none;" id="qq">
                    <div class="hides" id="p1">
                        <img src="__PUBLIC__/home/images/ll04.png">
                    </div>
                    <div class="hides" id="p2"><span style="color:#FFF;font-size:13px">1098443361</span>
                    </div>
                </div>
                <img src="__PUBLIC__/home/images/l04.png" width="47" height="49" class="shows" />
            </a>
        </li>
        <li id="tel">
            <a href="javascript:void(0)">
                <div class="hides" style="width:161px;display:none;" id="tels">
                    <div class="hides" id="p1">
                        <img src="__PUBLIC__/home/images/ll05.png">
                    </div>
                    <div class="hides" id="p3"><span style="color:#FFF;font-size:12px">18565567525</span>
                    </div>
                </div>
                <img src="__PUBLIC__/home/images/l05.png" width="47" height="49" class="shows" />
            </a>
        </li>
        <li id="btn">
            <a id="top_btn">
                <div class="hides" style="width:161px;display:none">
                    <img src="__PUBLIC__/home/images/ll06.png" width="161" height="49" />
                </div>
                <img src="__PUBLIC__/home/images/l06.png" width="47" height="49" class="shows" />
            </a>
        </li>
    </ul>
</div>
<div class="footer">
    <div class="wrapper">
        <div class="logo"> <a href="#"><img src="__PUBLIC__/home/imgs/logo.png" height="90px"></a> </div>
        <div class="nav info">
            <ul>
                <li><a class="cn" href="/">首页</a></li>
                <li><span></span></li>
                <li><a class="en" href="/home/index/aboutUs">关于我们</a></li>
                <li><span></span></li>
                <li><a class="en" href="/home/product?id=0">产品中心</a></li>
                <li><span></span></li>
                <li><a class="en" href="/home/listn">新闻资讯</a></li>
                <li><span></span></li>
                <li><a class="en" href="/home/index/scope">应用领域</a></li>
                <li><span></span></li>
                <li><a class="en" href="/home/index/connentUs">联系我们</a></li>
            </ul>
        </div>
       <!-- <div class="info">
            <ul>
                <li>电话： 18565567525，13528121801</li>
                <li>传真： 0760-86525015</li>
                <li>邮箱： sun@shinemagnetic.com</li>
            </ul>
        </div>-->
        <div class="addr" style="font-size:13px;color:white"> 地址：广东省中山市板芙镇工业大道东二排7幢</div>
        <div class="tele">
            <h4>热线:</h4>
            <h3>18565567525，13528121801</h3>
        </div>
    </div>
</div>
<div class="copyright">
    <div class="wrapper">
        <p  style="text-align: center"> Copyright by 中山市易之建建筑有限公司 </p>
    </div>
</div>